@import"../../openscss/color";
@import"../../openscss/model";
.box {
    .modulebox {
        display: inline-block;
        vertical-align: top;
        width: 30%;
        margin-right: 5%;
        min-height: 400px;
        h3 {
            color: #fff;
        }
        .inbox {
            background-color: rgba(#fff,.4);
            box-shadow: 0 0 15px 0 #777;
            .item {
                cursor: pointer;
                padding: 0 60px 0 5px;
                height: 50px;
                line-height: 50px;
                background-color: transparent;
                position: relative;
                @include comic(.3);
                .input {
                    height: 30px;
                    box-sizing: border-box;
                    margin: 10px 0;
                    border: 1px solid #33a3dc;
                    background-color: rgba(#33a3dc,.6);
                    color: #fff;
                    padding: 3px;
                }
                &:hover {
                    background-color: rgba(#fff,.7);
                }
                .method {
                    position: absolute;
                    height: 30px;
                    top: 10px;
                    right: 5px;
                    text-align: right;
                    .m {
                        display: inline-block;
                        vertical-align: top;
                        background-color: #33a3dc;
                        height: 30px;
                        padding: 0 5px;
                        line-height: 30px;
                        margin-left: 5px;
                        color: #fff;
                    }
                }
                a,
                href {
                    &:hover {
                        color: #1d953f;
                    }
                }
            }
        }
    }
    .articlebox {
        display: inline-block;
        vertical-align: top;
        width: 65%;
        min-height: 400px;
        h3 {
            color: #fff;
        }
        .list {
            background-color: rgba(#fff,.4);
            box-shadow: 0 0 15px 0 #777;
            .item {
                height: 50px;
                line-height: 50px;
                padding: 0 5px;
                cursor: pointer;
                background-color: transparent;
                @include comic(.3);
                &:hover {
                    background-color: rgba(#fff,.7);
                }
                .t {
                    display: inline-block;
                    vertical-align: top;
                    width: 34%;
                    box-sizing: border-box;
                    padding-right: 5px;
                    @include Line(1);
                }
                .method {
                    display: inline-block;
                    vertical-align: top;
                    width: 32%;
                    text-align: right;
                    .m {
                        display: inline-block;
                        vertical-align: top;
                        height: 30px;
                        line-height: 30px;
                        padding: 0 5px;
                        margin: 10px 0 10px 5px;
                        background-color: #33a3dc;
                        color: #fff;
                    }
                }
            }
        }
    }
}
